/*	-------------------------------------------------------------
	SM, 3-Col Fluid Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor         vf, sl, Frederick Townes
	.version       1.0
	.url       smashingmagazine.com
	.timestamp       19/09/2007 .. 28/12/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	SM, Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Links
	3. Span.Desc
	4. General Properties
          5. Footer
          6. Layout
          7. Header
          8. Banner-list, marketing
          9. Rightcolumn 2-col box
          10. Buttons: RSS-Feed
          11. Search-Box
          12. Topic-list
          13. Typography
          14. Pagers
          15. Google-Searchbox
          16. Topic
          17. Article-List
          18. V-Mode + H-Mode
          19. Comment-Form
          20. Bookmarks
          21. Google AdSense
          22. Code snippets, Styling
          23. Sideblog
          24. Pagination
          25. Tag clouds
          26. Earlierposts
*/

          * {font-size:100.01%}
          html {font-size:62.5%;}

/*	-------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          body {
          	margin:0 auto;
          	max-width:96em; /* 21.03.2008 */
          	min-width:870px; /* 21.03.2008 */
/*
          	min-width:820px;
          	min-width:926px;
          	max-width:1204px;
*/
          	font: 12px/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
          	color:#1e1e1e;
          	background:url(../img/bg-body-large.gif) repeat-x 0 0;
          }

/*	-------------------------------------------------------------
	3. SPAN.DESC
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#leftcolumn span.desc, #leftcolumn span.readfullentry {
     font-size: 0.85em;
}

#leftcolumn span.desc {
     background:url(../img/comment.png) no-repeat left;
}

#leftcolumn span.readfullentry {
     background:url(../img/table_go.png) no-repeat left;
}
#leftcolumn span.readfullentry a, #leftcolumn span.desc a {
     font-weight: bold;
     margin-left: 18px;
}

#leftcolumn span.readfullentry a:link, #leftcolumn span.desc a:link, ul#article_list ul.topic-desc li.comments a:link {
     text-decoration: underline;
}

/*	-------------------------------------------------------------
	2. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #leftcolumn .topic a, #leftcolumn ul.topic-list li a, .dropped a, .reddit a, .comment-list a {
                    font-weight: bold;
                    text-decoration: underline;
          }
          #leftcolumn ul a, #leftcolumn ol a, #leftcolumn span a,#leftcolumn p a, #leftcolumn .published a {
          text-decoration: underline;
          }

          #leftcolumn a img {
          border: 0;
          }
          .comment-list a, .reddit a {
                    text-decoration: underline;
          }
          #leftcolumn ul a:link:hover, #leftcolumn p a:link:hover, #leftcolumn span a:link:hover, #leftcolumn .published a:link:hover, #leftcolumn span.desc a:hover, .banner-list a:hover, ul.topic-list a:link:hover, ul#article_list ul.topic-desc li.comments a:link:hover, #leftcolumn .topic a:link:hover, .dropped a:hover, .reddit a:hover, .comment-list a:hover {
          	color: #cc0000;
          	text-decoration: underline;
          }
			#leftcolumn ul.spec li {
				padding: 0.4em 0;
			}
          #leftcolumn span.desc a:visited, #leftcolumn span.desc a:visited:hover,
          .banner-list a:visited, #leftcolumn a:visited, .reddit a:visited,
          .comment-list a:visited, ul#article_list ul.topic-desc a:visited,
          ul#article_list ul.topic-desc a:visited:hover,
          ul#article_list ul.topic-desc li.comments a:visited {
                    color: #5999DE;
                    text-decoration: underline;
          }
          #leftcolumn a:active, #leftcolumn a:focus, #leftcolumn span.desc a:active, #leftcolumn span.desc a:focus {
                    background-color: #FFF0F0;
                    color: #cc0000;
                    outline: none;
                    text-decoration: underline;
          }
          
          a {
          	color:#0040b6;
          	text-decoration:none;
          }
          a:hover {
          }


/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               img {
                    display: block;
                    border: none;
                    text-decoration: none;
               }
              #leftcolumn ul.topic-list li img,
              #leftcolumn .topic img { display: inline; }
               form, fieldset {
                    margin: 0;
                    padding: 0;
                    border: none;
               }
               input {
 	             	color: #333;
               	font: 1.1em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif;
/*
               	border: 1px solid #c6c6c6;
*/
               }
               p {
                    margin: 13px 0 0;
               }
               img.withpadding {
                    background-color: #fff;
                    padding: 3px 3px;
                    padding: 0;
               }
               sub, sup {
                    font-size: 10px;
               }


/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #footer {
                    color: #A3A2A0;
                    border-top: 1px solid #eee;
          	min-width: 820px;
          	height:78px;
          	font-size:.92em;
          	line-height:1.4;
              background-color: #fff;
          }

               #footer .foologo {
                         float: left;
                         width: 145px;
                         margin-top: 5px;
               }
               #footer .foo {
               	width:auto;
               	float:right;
               	padding:15px 25px 0 0;
               }
               #footer p {
                         color: #444;
                         font-family: Helvetica, Arial, Verdana, sans-serif;
                         margin: 1em 20px;
                         font-size: 22px;
               }
               #footer a {
                         background: none;
                         text-decoration: underline;
               }
               #footer a:hover {
                         text-decoration: underline;
                         color: #cc0000;
               }
               #footer .extarnal {
                         color: #a7b63f;
                         text-decoration: underline;
               }
               #footer .extarnal:hover {
                         text-decoration: none;
               }

/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #pagewidth {
          	min-width: 820px;
          	width: 100%;
          	overflow: hidden;
          	position:relative;
          }

          #main {
          	padding: 0 455px 20px 0;
          	background: #fff url(../img/bgh6.png) repeat-y 100% 0;
          	overflow: hidden;
          }
          
          #leftcolumn {
          	float: left;
          	width: 100%;
          	overflow: hidden;
                    margin-top: 115px;
          }
          .leftframe{
          	padding: 0 21px 0 27px;
          	background: #fff;
          }
          
          #rightcolumn {
          	float: right;
          	width: 455px;
          	display: inline;
          	margin: 0 -455px 0 0;
          }

	#main:after{
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}

/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #header {
          	background:#fff url(../img/bg-body.gif) repeat-x 0 0;
          	height: 45px;
          	min-height: 45px;
          }
          #header ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	position: absolute;

                    height: 30px;
                    border-top: 4px solid #EB4C07;
                    background-color: #404040;
                    width: 100%;
                    padding-top: 10px;
          }

          a.skip-content {
          	position: absolute;
          	top: 0;
          	left: 0;
          	width: 100%;
          	height: 6px;
          	overflow: hidden;
          	display: block;
          	text-indent: -9999px;
          	background: #eb4c07 url(../img/bg-skip.gif) repeat-x 0 100%;
          	z-index:100;
          }
          a.skip-content:hover {
          	height: 20px;
          	padding: 9px 0 0;
          	overflow: hidden;
          	border: 0px solid #fff;
          	background: #eb4c07 url(../img/bg-skip.gif) repeat-x 0 100%;
          }
          a.skip-content span {
          	width: 118px;
          	height: 10px;
          	background: url(../img/text-skip.gif);
          	display: block;
          	overflow: hidden;
          	margin: 0 auto;
          	display: none;
          	cursor: pointer;
          }
          a.skip-content:hover span {
          	display: block;
          }
          #header ul li {
                    float: left;

                    display: inline;
          }

          #header ul a {
          	display: block;
                    font: bold 1.1em Trebuchet MS, Arial, sans-serif;
                    color: #fff;
                    text-transform: uppercase;
          }

#header ul a {
padding: 3px 7px;
-moz-border-radius: 3px;
}

#header ul a:focus,
#header ul a:active,
#header ul a:hover {
background-color: #5a5a5a;
outline: none;
}


/*         #header ul li.service {
               float: right;
               margin-right: 23px;
               display: inline;
          }
*/
          #header ul a.home {
          	margin: 0 16px 0 17px;
          }
          #header ul a.graphics {
          	margin: 0 14px 0 0;
          }
          #header ul a.showcases {
          	margin: 0 14px 0 0;
          }
          #header ul a.fonts {
          	margin: 0 14px 0 0;
          }
          #header ul a.know-how {
          	margin: 0 14px 0 0;
          }
          #header ul a.css {
          	margin: 0 14px 0 0;
          }
          #header ul a.toolbox {
          	margin: 0 14px 0 0;
          }
          #header ul a.best-month {
          	margin: 0 14px 0 0;
          }
          #header ul a.tutorials {
          	margin: 0 14px 0 0;
          }
          #header ul a.ressources {
          	margin: 0 14px 0 0;
          }
          #header ul a.monday-inspiration {
          	margin: 0 14px 0 0;
          }
          #header ul a.about-us {
          	margin: 0 14px 0 0;
          }
          #header ul a.jobs  {
                    margin: 0;
          }
          #header ul a.colors {
          	margin: 0 21px 0 0;
          }

          #home #header ul a.home,
          #css #header ul a.css,
          #know-how #header ul a.know-how,
          #toolbox #header ul a.toolbox,
          #showcases #header ul a.showcases,
          #fonts #header ul a.fonts,
          #inspiration #header ul a.monday-inspiration,
          #graphics #header ul a.graphics,
          #best-month #header ul a.best-month,
          #tutorials #header ul a.tutorials,
          #colors #header ul a.colors,
          #ressources #header ul a.ressources,
          #about-us #header ul a.about-us {
          background-color: #EB4C07;
          color: #fff;
          -moz-border-radius: 3px;
          }

          #main a.logo, #main h1.logo {
          	width: 229px;
          	height: 83px;
          	overflow: hidden;
          	display: block;
          	margin: 0;
          	position: absolute;
          	top: 66px;
          	left: 20px;
                    z-index: 3;
          }
          #main h1.logo a {
          	display: block;
          	width: 100%;
          	text-indent: -9999px;
          	height: 100%;
          	background-color: #fff;
          }
          #main h1.logo a img {
                    	text-indent: 0;
          }
          .top-banner {
          	position: absolute;
          	top: 54px;
          	right: 23px;
          }

/*	-------------------------------------------------------------
	8. BANNER-LIST, MARKETING
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          .banner-list {
          	margin: 0 0px 7px 20px;
          	overflow: hidden;
          	padding: 0;
          	text-align: center;
          	width: 430px;
          	list-style: none;
                    font-size: 0.9em;
          }
          
          .banner-list li {
          	float: left;
          	margin: 0 10px 10px 0;
          	padding: 0;
          	display: inline;
          }
          .banner-list li a {
               text-decoration: underline;
          }
          .banner-list img {
                    border: 1px solid #bababa;
          }

          #leftcolumn .banner img {
          	border: 4px solid #ededed;
          	margin: 0 0 0 22px;
          }
#badges {
		width: 196px;
		margin: 0 0 0 10px;         	
}
#badges ul {
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
}
 
.nrules {
		width: 84px;
		float: left;
		display: inline;
}
.acs {
		line-height: 1.2em;
		margin: auto 0 auto 13px;
		padding-top: 10px;
		text-align: center;
}
.nrules img, .acs img {
		margin: 0 auto;
}
.acs a {
		font-size: 10px;
		color: #333;
}
.acs a:hover {
		text-decoration: underline;
}
        
          ul.prm {
               list-style-type: none;
               width: 196px;
               margin: 0;
               padding: 0;
          }
          ul.prm li {
               width: 180px;
               margin: 15px auto;
          }

/*	-------------------------------------------------------------
	9. RIGHTCOLUMN 2-COL BOX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
          #rightcolumn .two {
          	width: 414px;
          	margin: 0 0 0 20px;
          	overflow: hidden;
          }
          #rightcolumn .two .left {
          	width: 201px;
          	float: left;
          }
          #rightcolumn .two .right {
          	width: 201px;
          	float: right;
          }
          #rightcolumn .two .box {
                    background-color: #fff;
          	width: 194px;
          	margin: 0 0 12px 0;
          	padding: 4px 0;
          	border-left: 1px solid #eee;
          	border-right: 1px solid #eee;
          	border-top: 4px solid #E8E8E8;
          	border-bottom: 4px solid #E8E8E8;
                    -moz-border-radius: 4px;
          }
          #rightcolumn h3,
          #rightcolumn .two .box h3 {
          	color: #e64117;
          	margin: 0.3em 0 0.4em 10px;
          	font: 1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
          }
          #rightcolumn h3 {
          	margin: 0;
          }
          #rightcolumn .two .box ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	overflow: hidden;
          	font-size: .92em;
          	width: 194px;
          	line-height: 1.8;
          }
          #rightcolumn .two .box ul li {
                    width:194px;
                    float: left; 
                    margin: 0;
                    padding: 0;
                    border-top: 1px solid #F0F0F0;
          }
          #rightcolumn .two .box ul a {
          	padding: 2px 0 2px 10px;
          	display: block;
          	text-decoration: none;
          	color: #444;
          }
          #rightcolumn .two .box ul li.inline {
               padding-left: 8px;
          }
          #rightcolumn .two .box ul li.inline a {
               padding: 2px;
               line-height: 2.1em;
               display: inline; 
          }
          #rightcolumn .two .box ul a:visited {
                    background-color: #F7F7F7;
                    text-decoration: none;
          }
          #rightcolumn .two .box ul li:hover a:visited {
                    text-decoration: underline;
          }
          
          #rightcolumn .two .box ul a:active {
                    background-color: #F5F5F5;
                    outline: none;
          }
          
          #rightcolumn .two .box ul a:focus {
                    outline: none;
          }
          #rightcolumn .two .box ul a:hover {
                    text-decoration: underline;
                    border: 0;
          }
 

/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          ul.opt {
          	margin: 0px 20px 3px 19px;
          	text-align: center;
          	padding: 10px 0 0 0px;
          	width: 410px;
          	list-style: none;
          	overflow: hidden;
          	background-color: #fff;
          }
          ul.opt li {
                    float: left;
          }
          ul.opt li a {
          	display: block;
          	height: 27px;
          	overflow: hidden;
          	text-indent: -9999px;
          }
          
          ul.opt li.visible {
                    float: right;
                    display: inline;
          }
          ul.opt li.visible a {
          	color:#444;
          	font-size: 0.9em;
          	text-decoration: underline;
          	text-indent: 0;
          	text-align: right;
          	display: block;
          }
          ul.opt li.rss-feed a:hover,
          ul.opt li.rss-feed a {
          	width: 112px;
          	margin: 0 0 0 302px;
          	background:url(../img/rss-text.gif) no-repeat 0 0;
          }
          
/*	-------------------------------------------------------------
	11. SEARCH-BOX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


          #rightcolumn form {
          	width: 405px;
          	border: 3px solid #e8e8e8;
          	overflow: hidden;
          	margin: 0 0 0 19px;
          	-moz-border-radius: 4px;
          }
          #rightcolumn form:hover {
          	border: 3px solid #ddd;    
          }
#gsearch table {
	background-color: #f0f0f0;
}
#gsearch input {
	color: #333;
	padding: 2px 7px;
}
#gsearch #sbi {
	width: 255px;
}
#gsearch form {
	background-color: #f0f0f0;
}

#gsearch #sbb {
	padding: 1px 4px;
	margin-left: 1px;
}
          
/*	-------------------------------------------------------------
	12. TOPIC-LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

ul.topic-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
ul.topic-list li {
	width: 100%;
	float: left;
	padding: 0 0 14px 0;
}
.topic .top,
ul.topic-list .top {
	width: 100%;
	padding: 6px 0 3px 0;
	overflow: hidden;
	font-size: .85em;
	color: #939393;
}

.topic .top .published,
ul.topic-list .top .published {
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 16px;
	background: url(../img/ico-published.gif) no-repeat left;
          float: left;
          display: inline;
          text-align: left;
          height: 16px;
          width: 73%;
}
.topic .top .published span,ul.topic-list .top .published span {
          color: #000;
}
.topic .top .published a,ul.topic-list .top .published a {
          font-weight: bold;
}
ul.topic-list .top p.published  {
float: left;
text-align: left;
height: 16px;
width: auto;
/* width: 80%; */
}

ul.topic-list .top ul {
margin: 0;
padding: 2px 0 0 0;
width: 76px;
float: right;
background-color: #fff;
}

#leftcolumn .top ul li {
overflow: hidden;
text-indent:-9999px;
}
ul.topic-list li a.more {
font-size: 1.2em;
font-family: Arial, Trebuchet MS, Arial, sans-serif;
padding: 0;
font-weight: normal;
text-decoration: none;
}
ul.topic-list a.more:visited {
color: #444;
border: 0;
}
.topic .top ul li,
ul.topic-list .top ul li {
	float: left;
	width: auto;
	padding: 0;
	margin: 0 6px 0 0;
	background: none;
}
ul.topic-list ul {
	overflow: hidden;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
ul.topic-list ul li {
margin: 1em;
list-style-type: square;
}
.topic .top ul li.comments,
ul.topic-list .top ul li.comments {
	padding: 0 0 0 9px;
	background: url(../img/divider.gif) no-repeat left;
}
.topic .top ul li.comments strong,
ul.topic-list .top ul li.comments strong {
	padding: 0 11px 0 0;
	background: url(../img/bullet-commnet.gif) no-repeat right;
}
.topic .top ul span,ul.article-list .top ul span,ul.topic-list .top ul span {font-weight:normal;}
.topic .top ul a,ul.article-list .top ul a,ul.topic-list .top ul a {padding:0 0 1px 0; }
.del-icio-us a span,.digg a span,.smash a span,.stumbleupon a span {float:left; display: block; border: 0; text-decoration: none;}
.topic .top .del-icio-us span,
.topic .top .digg span,
.topic .top .smash span,
.topic .top .stumbleupon span,
ul.article-list .top .del-icio-us span,
ul.article-list .top .digg span,
ul.article-list .top .smash span,
ul.article-list .top .stumbleupon span,
ul.topic-list .top .del-icio-us span,
ul.topic-list .top .digg span,
ul.topic-list .top .smash span,
ul.topic-list .top .stumbleupon span {
	width: 16px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	padding: 0 0 1px 0;
	cursor: pointer;
	position: relative;
	background-image: url(../img/ico-book.gif);
	background-repeat: no-repeat;
}
ul.article-list .top .smash span,
ul.topic-list .top .smash span {
	width: 19px;
	height: 16px;	
}

.topic .top .del-icio-us,
.topic .top .digg,
.topic .top .smash,
.topic .top .stumbleupon,
ul.topic-list .top .del-icio-us,
ul.topic-list .top .digg,
ul.topic-list .top .smash,
ul.topic-list .top .stumbleupon,
ul.article-list .top .del-icio-us,
ul.article-list .top .digg,
ul.article-list .top .smash,
ul.article-list .top .stumbleupon {margin:-3px 6px 0 0;}
.topic .top .del-icio-us span,ul.article-list .top .del-icio-us span,ul.topic-list .top .del-icio-us span {background-position:0 0;}
.topic .top .digg span,ul.article-list .top .digg span,ul.topic-list .top .digg span {background-position:-16px 0;}
.topic .top .smash span,ul.article-list .top .smash span,ul.topic-list .top .smash span {background-position:-177px 0; width: 19px; height: 16px; }
.topic .top .stumbleupon span,ul.article-list .top .stumbleupon span,ul.topic-list .top .stumbleupon span {background-position:-32px 0;}

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

ul.topic-list h2 {
	font: 44px  Helvetica, Arial, Calibri, sans-serif;
	margin: 10px 0 0 0;
}
.topic h2 {
	font:28px Trebuchet MS, Arial, Helvetica, sans-serif;
	border-bottom:3px solid #000;
	margin:20px 0 0;
}
.topic h3 {
          font-family:Helvetica, Arial, "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
          font-size:2.7em;
          line-height:1.3em;
          font-weight:normal;
          letter-spacing:0;
          color:#333;
          padding:0.35em 0 0 0;
          border-bottom: 3px solid #333;
          margin: 12px 16px 14px 0;
          clear: both;
     }
     .topic h4 {
          font: italic 2em / 1.4em Georgia, Helvetica, "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
          letter-spacing:0px;
          border: 0;
          color: #cc0000;
          margin: 1.3em 0 0 0;
     }

h1.title {
	font:44px Helvetica, Arial, sans-serif;
	margin:10px 0 0 0;
}
#leftcolumn h1.title a,
#leftcolumn h1.title a:hover,
#leftcolumn h1.title a:visited,
#leftcolumn ul.topic-list h2 a,
#leftcolumn ul.topic-list h2 a:hover {
	color:#9CAA3B;
	background: none;
	text-decoration: none;
          font-weight: normal;
          border: 0;
          outline: none;
}
ul.topic-list img {margin:13px 0 0 0;}
/*
ul.topic-list p {margin:11px 0 0 0; line-height: 1.7em;}
*/
ul.topic-list p {margin:13px 0 0 0; line-height: 1.72em;}

ul.topic-list a.more {
	color: #0040b6;
	font-weight: bold;
/*
	padding-right: 15px;
	background: url(../img/arrows.gif) no-repeat right;
*/
}

/*	-------------------------------------------------------------
	13. PAGERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #leftcolumn .pagers ul li.previous a,
          #leftcolumn .pagers ul li.previous a:hover,
          #leftcolumn .pagers ul li.next a,
          #leftcolumn .pagers ul li.next a:hover {
                    display: block;
                    font-size: 1em;
                    text-decoration: none;
                    padding: 0;
                    background-color: #F2F2F2;
                    border: 1px solid #E5E5E5;
                    -moz-border-radius: 3px;
                    color: #444;
                    padding: 5px 10px;
                    line-height: 1.2em;
                    font-weight: normal;
          }
          
          
          .pagers {
          	padding: 12px 0 5px 0;
          	margin: -1px 0 0 0;
          	position: relative;
          	font-weight: bold;
          	width: 100%;
          	font-size: .9em;
          }
          .pagers.no-border {border: none;}
          .pagers ul {
          	margin: 0 0 0 24px;
          	padding: 0 0 12px 0;
          	list-style: none;
          	overflow: hidden;
          	width: 525px;
          }
          .pagers ul a {background:none;}
          .pagers ul a:hover {text-decoration:none;}
          .pagers ul li {
          	float: left;
          	margin: 0 20px 0 0;
          }
          .pagers img {
          	border: 4px solid #ededed;
          	margin: 0 0 0 22px;
          }

/*	-------------------------------------------------------------
	14. GOOGLE-SUCHBOX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.google {
	width: 412px;
	margin: 0 0 0 20px;
}
.google ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 412px;
	overflow: hidden;
	font-size:.92em;
	line-height: normal;
}
.google ul li {
	width: 412px;
	overflow: hidden;
	float: left;
	margin: 12px 0 0 0;
}
.google a {
	color: #a4b23e;
	font-weight: bold;
	text-decoration: underline;
}
.google a:hover {text-decoration:none;}
.google p {margin:0;}
.google em {
	font-style: normal;
	color: #003fbf;
}

/*	-------------------------------------------------------------
	15. TOPIC
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.topic {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0 0 16px 0;
}
.topic p {
/*
	margin: 13px 0 8px 0;
	line-height:1.7em;
*/
	margin: 13px 0 0 0;
	line-height:1.72em;
}
.topic ul {
	list-style: square outside;
	margin:0.7em 4em 0 4em;
	padding:0;
}
.topic ol {
       margin: 1px 0 1px 0.5em;
}
.topic ol li {
          margin:0;
          padding-top: 8px;
}
.topic a {font-weight:bold;}

.topic ul.font-list {
	margin: 0;
	padding: 0;
	width: 100%;
}
.topic ul.font-list li {
	padding: 15px 0 6px 0;
	width: 100%;
	border-bottom: 1px solid #e4e2e4;
	background: none;
}
.topic ul.font-list p {
	margin:0;
	font-size:.83em;
}
.topic ul.summary-list li {margin:18px 0 0;}
.topic ul.resources li {
	padding:0 0 0 10px;
	line-height:30px;
	background:url(../img/bullet3.gif) no-repeat left;
}
.topic ul.resources {
	margin:10px 0 0 9px;
}
.topic ul.resources em {
	font-style:normal;
	color:#959595;
}
.topic ul.tags {
	height: 31px;
	background-color: #ebf5ff;
	overflow: hidden;
	height: 1%;
	margin: 10px 0 0;
	color: #6E6E6E;
	font-weight: normal;
	padding: 0 0 0 10px;
	line-height: 30px;
	font-size: .92em;
}
.topic ul.tags li {
	display:block;
	background:none;
	padding:0;
}


.topic .top ul,
ul.topic-list .top ul {
margin: 0;
padding: 2px 0 0 0;
width: 76px;
float: right;
          background-color: #fff;
}

ul.topic-list li p.readmore a, ul.topic-list li p.readmore a:visited {
padding: 0;
margin: 0;
}
ul.topic-list li p.readmore a:visited {
background-color: #fff;
border: 0;
padding: 0;
}

.leftframe .topic ul li, ul.topic-list ul li {
margin: 0.45em 0;
padding: 0;
line-height: 1.65em;
list-style-type: square;
}


/*	-------------------------------------------------------------
	16. ARTICLE-LIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.article-list {
	width: 100%;
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 101;
	margin: 0 0 -1px 0;
	padding:0;
	list-style: none;
}
.article-list li {
	overflow: hidden;
	margin: 7px 0 0 0;
	padding: 13px 0 9px 12px;
          border: 1px solid #fff;
}
.article-list li.clear:hover,
.article-list li.clear{
	width: 100% !important;
	overflow: hidden !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border:none !important;
}
* html .article-list li.clear{
	margin: -13px 0 0 !important;
}
* html .square li.clear{
	margin: 0 !important;
}
.article-list li.hover,
.article-list li:hover {
}
.article-list li img {
	border:1px solid #919191;
          -moz-border-radius: 2px;
	float:left;
	margin:5px 12px 0 4px;
}
.article-list.square li img{
	margin:3px 12px 0 0;
}
.article-list h3 {
	padding-bottom:0;
	padding-top: 2px;
}
.article-list.square h3 {
padding-top: 0;
}
.article-list h3 {
	font:2em Helvetica, Arial, sans-serif;
	margin:0px 10px 3px 0;
}

#leftcolumn .article-list h3 a:link, #leftcolumn .article-list h3 a:visited  {
	color:#8E9B36;
          text-decoration: none;
	border: 0;
	font-size: 0.9em;
	background:none;
	font-weight: bold;
}
#leftcolumn .article-list h3 a:visited, #leftcolumn .article-list h3 a:visited:focus,
#leftcolumn .article-list h3 a:focus {
color: #4C4C4C;
text-decoration: none;
}

#leftcolumn .article-list h3 a:visited:active,
#leftcolumn .article-list h3 a:active {
background-color: #FDF7BA;
/*
color: #188CC3;
*/
color: #444;
text-decoration: none;
}
/*
#leftcolumn .article-list h3 a:active {
     text-decoration: underline;
}
*/
.article-list p {
	margin:0 10px 0 0;
	color:#444;
	font-size:1em;
	line-height:1.65em;
}
.article-list.square p{
	line-height:1.6em;
}
ul.article-list .top {
	border-bottom:none;
	width:100%;
	margin: 5px 0 0 0;
	clear:both;
	padding:6px 0 0;
	overflow:hidden;
	color:#939393;
	font-size:.81em;
}
ul.article-list .top .published {
	padding:0 0 0 20px;
	color: #777;
	margin: 0 0 7px 7px;
	line-height:15px;
	background:url(../img/ico-published.gif) no-repeat left;
	text-align: right;
	width: 500px;
}
ul.article-list .top .published span {color:#000;}
ul.article-list .top .published a {font-weight:bold;}
ul.article-list .top ul {
	width:100%;
	overflow:hidden;
	font-weight:bold;
	margin:3px 0 0;
	padding:4px 0 0;
	list-style:none;
}
ul.article-list .top ul li {
	float:left;
	width:auto;
	padding:0;
	border:none;
	margin:0 5px 0 0;
	background:none;
}
ul.article-list .top ul li.comments {
	padding:0 0 0 8px;
	background:url(../img/divider.gif) no-repeat left;
}
ul.article-list .top ul li.comments a {white-space:nowrap;}
ul.article-list .top ul li.stumbleupon {
	padding:0 7px 0 0;
	background:url(../img/divider.gif) no-repeat right;
}
ul.article-list .top ul li.comments strong {
	padding:0 10px 0 0;
	background:url(../img/bullet-commnet.gif) no-repeat right;
}

/*	-------------------------------------------------------------
	17. V-MODE + H-MODE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

ul.v-mode {
	margin:0;
	padding:0;
	width: 100%;
	list-style:none;
	overflow:hidden;
}
ul.v-mode li {float:right;}
ul.v-mode a {
	background-image:url(../img/bg-style.gif);
	display:block;
	height:9px;
	width:9px;
	overflow:hidden;
	text-indent:-9999px;
}
#category_view_mode li a.line,
#category_view_mode li a.square,
#category_view_mode li a.line:hover,
#category_view_mode li a.square:hover {
	border: 0;
	text-decoration: none;
}

ul.v-mode a.line {
	background-position:0 0;
	margin:0 3px 0 0;
}
ul.v-mode a.square {
	background-position:-12px 0;
}
#category_view_mode a.line:focus, #category_view_mode a.line:active, #category_view_mode a.square:active, #category_view_mode a.square:focus {
border-bottom: 0;
text-decoration: none;
}
ul.v-mode .active a.line,ul.v-mode a.line:hover {background:url(../img/bg-style.gif) no-repeat 0 -9px;}
ul.v-mode .active a.square,ul.v-mode a.square:hover {background:url(../img/bg-style.gif) no-repeat -12px -9px;}
h2.by-topic {
	font:44px Helvetica, Arial, sans-serif;
color: #96A338;
/* background-color: #EBF5FF;
*/
	margin: 10px 0 0 0;
}
h2.by-topic strong {
	font-weight:normal;
/*	color:#adbb4c;
*/

	
}
ul.article-list.square{
	padding: 0 1px 0 0;
}
ul.article-list.square li {
	float:left;
	overflow:hidden;
	margin:7px 0 0 0;
	padding: 0;
	border: none;
	width: 50%
}
ul.article-list.square li.hover,
ul.article-list.square li:hover{ border:none;}
ul.article-list li .frame{
	padding:14px 0 4px 0px;
}
ul.article-list.square li .frame{
/*
	border-right:1px solid #DEE0E3;
*/
	border: 1px solid #fff;
	padding:9px 0 0 16px;
	overflow: hidden;
	height: 1%;
}
#leftcolumn .frame a img {
          border: 1px solid #999;
}

ul.article-list li {
padding-top: 0;
margin: 0;
}

ul.article-list.square li .frame.second{margin: 0 0 0 6px;}

/*	-------------------------------------------------------------
	16. COMMENT-FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.comment-form {
	background:#f5f5f5 url(../img/bg-form.gif) repeat-x 0 0;
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 1px;
}
.comment-form fieldset {
	padding:0 22px 8px 19px;
	border-bottom:1px solid #fff;
}
.comment-form dl {
	margin:0;
	padding:11px 0 0;
	font-size:.92em;
	line-height:1.4;
	width: 100%;
}
.comment-form label {cursor:pointer;}
.comment-form dt {
	margin:9px 0 0;
	padding:0;
	color:#585858;
}
.comment-form dd {
	margin:0;
	padding:0;
	color:#808080;
}
.comment-form input {
	width:283px;
	height:20px;
	background:url(../img/bg-input.gif) repeat-x 0 0;
	padding:5px 0 0 4px;
}
.comment-form textarea {
					background-color: #fff;
               	color: #333;
               	font: 1.3em/1.4em Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
               	border: 1px solid #c6c6c6;
					padding: 5px 10px 5px 5px;
					width: 98%;
					height:140px;
					margin:3px 0 0 0;
		}
.comment-form .submit input {
	width:154px;
	height:31px;
	padding:0;
	margin:8px 0 0;
	border:none;
}
.comment-form dd.allowed-tags {
	background:url(../img/bg-allowed-tags-t.gif) repeat-x 0 0;
	width:100%;
	margin:17px 0 0;
}
.comment-form dd.allowed-tags div {background:url(../img/bg-allowed-tags-l.gif) repeat-y 0 0;}
.comment-form dd.allowed-tags div div {background:url(../img/bg-allowed-tags-t.gif) repeat-x 0 100%;}
.comment-form dd.allowed-tags div div div {
	padding:10px 50px 10px 17px;
	background:url(../img/bg-allowed-tags-l.gif) repeat-y 100% 0;
}
.comment-form dd.allowed-tags strong {
	display:block;
	padding: 0 0 5px;
	font-weight:normal;
	color:#585858;
}
.comment-list ol {
          margin:1.5em 0 0;
          padding:0;
          color: #333;
          font: 1.1em/2em Arial, Verdana, Arial, sans-serif;
          list-style-type: none;
}
.comment-list ol .body p {
          line-height: 1.5em;
          margin-left: 14px;
}

.comment-list ol li {
          margin: 1.3em 0;
}

.commentlist ol li:hover {
          background-color: #fff;
     }
     
.comment-list strong.number {
position: absolute;
margin-left: -1.5em;
margin-top: 0;
font-size: 1em;
font-family: Georgia, Helvetica, Arial;
padding: 3px 5px;
color: #333;
}

.comment-list ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
.comment-list ol li {
	width:90%;
          padding:1px 20px 13px 20px;
          line-height: 1.6em;
          border: 1px solid #CDDFEF;
          background-color: #F3F7FB;
          -moz-border-radius: 5px;
	margin:9px 0 0 2em;
	position:relative;
}
.comment-list ol li:hover {
background-color: #fff;
}
.comment-list ol .bottom .comment {
border: 0;
background-color: transparent;
width: auto;
text-align: right; 
}
.comment-list ol .top {
          padding: 3px 15px 3px 10px;
          margin: 0px -19px 0 -20px; 
	background-color: #E4ECF6;
          border-bottom: 2px solid #fff;
}
.comment-list ol .top p, .comment-list ol li.admin .top p {
          padding: 3px 15px 3px 22px;
          margin: 0px; 
}
.comment-list ol .top p {
background: transparent url(../img/user_comment.gif) no-repeat 0 4px;
 }

.comment-list ol li.admin .top p {
background: transparent url(../img/user_comment_yellow.gif) no-repeat 0 4px;
 }

 .comment-list ol li.admin .top {
          padding:3px 15px 3px 10px;
          line-height: 1.6em;
          background-color: #FFF6BF;
}
.comment-list ol li.admin {
background-color: #FFFAE0;
          border: 1px solid #FFEF8A;
          -moz-border-radius: 8px;
}
.comment-list ul .admin .reply .admin ul li,
.comment-list ul li.admin .reply li.admin{
	background: #f7f6e7;
}
.comment-list ul li.admin .reply li.admin .top,
.comment-list ul li.admin .top{
	background:#eeedde url(../img/separator-list-comment2.gif) repeat-x 0 100%;
}
.comment-list ul .admin .bottom ul{
	background: #f7f6e7;
}
.comment-list ul li.admin li{
	background: #f7f6e7;
}
.comment-list ul .admin .reply li,
.comment-list ul .admin .reply .admin .reply li{
	background:#f1f6fa;
}
.comment-list ul li.admin .reply li.admin .reply .top,
.comment-list ul li.admin .reply li .top{
	background:#e8edf1 url(../img/separator-list-comment.gif) repeat-x 0 100%;
}
.comment-list ul .admin .reply .admin .reply ul li
.comment-list ul li.admin .reply li{
	background:#f1f6fa;
}
.comment-list ul .top {
	background:#e8edf1 url(../img/separator-list-comment.gif) repeat-x 0 100%;
	line-height:30px;
}
.comment-list ul .top p {
	margin:0 0 0 9px;
	padding:0 0 0 22px;
	font-size:.92em;
	color:#959595;
	background:url(../img/ico-comment.gif) no-repeat left;
}
.comment-list ul .top p a {
	font-weight:bold;
	font-size:1.1em;
}
.comment-list .number {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	position:absolute;
	font-weight:normal;
	width: 20px;
	text-align: center;
	left:-20px;
	margin:8px 0 0;
}
.comment-list ul .body {padding:0 23px 10px 34px;}
.comment-list ul .body p {
	margin:10px 0 0;
	color:#585858;
}
.comment-list ul .bottom {
	line-height:30px;
	border-top:1px solid #fff; 
	overflow:hidden;
	width:100%;
}
.comment-list ul .bottom ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	width:auto;
	overflow:hidden;
	background:none;
}
.comment-list ul .bottom ul li {
	float:left;
	width:auto;
	font-weight:bold;
	margin:0;
}
.comment-list ul .bottom ul a {
	font-size:11px;
	color:#a4a7a9;
	height:30px;
	float:left;
}
.comment-list ul .bottom ul a:hover {text-decoration:underline;}
.comment-list ul .bottom ul .edit a {
	padding:0 13px 0 27px;
	background:url(../img/ico-edit.gif) no-repeat left;
}
.comment-list ul .bottom ul .delete a {
	padding:0 13px 0 14px;
	background:url(../img/ico-delete.gif) no-repeat left;
}
.comment-list ul .bottom ul .comment a {
	padding:0 13px 0 24px;
	background:url(../img/ico-comment.gif) no-repeat left;
}
.comment-list ul .reply{
	padding:0 0 0 33px;
	background: #fff;
	overflow: hidden;
}
.comment-list ul ul {
	width:100%;
	padding:0;
	background:#fff;
}
.comment-list ul ul li,
.comment-list ul ul ul li,
.comment-list ul ul ul {width:100%;}
.tabset {
	margin:19px 0 0 0;
	padding:0 0 3px 0;
	list-style:none;
	width:100%;
	overflow:hidden;
	background:url(../img/bg-tabset.gif) no-repeat 0 100%;
	font:18px Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.tabset li {
	float:left;
	margin:0 -18px 0 0;
	padding:0 34px 0 0;
	text-align:center;
	height:31px;
	background:url(../img/bg-tabset-a.gif) no-repeat 100% 0;
}
#post_tabs li a, #post_tabs li a:visited {
	line-height:30px;
	height:31px;
	color:#444;
	float:left;
	text-decoration: none;
	font-weight: bold;
	border: 0;
	padding: 0 0 0 14px;
	background:url(../img/bg-tabset-li.gif) no-repeat 0 0;
}
#leftcolumn .tabset li a:hover {border: 0; color: #444; background:url(../img/bg-tabset-li.gif) no-repeat 0 0;}
#leftcolumn .tabset li.active a:hover {background:url(../img/bg-tabset-li.gif) no-repeat 0 -31px;}
#leftcolumn .tabset li.active {
	background: url(../img/bg-tabset-a.gif) no-repeat 100% -31px;
	position:relative;
	padding:0 34px 0 0;
}
#post_tabs li.active a, #post_tabs li.active a:hover {
	background: url(../img/bg-tabset-li.gif) no-repeat 0 -31px;
	color:#fff;
	border: 0;
	text-decoration: none;
	font-weight:  bold;
}
ul.tags li.droppedtags,
ul.tags li.dropped {
     line-height: 1.7em;
     margin-top:5px 10px 5px 5px;
}

/*	-------------------------------------------------------------
	17. BOOKMARKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.bookmarks {
	padding:0 0 0 22px;
	margin:0 0 -1px 0;
	background:#fff;
	position:relative;
	z-index:200;
}
.bookmarks p.dropped {
	margin:0;
	color:#959595;
	font-size:.92em;
}
.bookmarks p.dropped .technorati {padding:0 0 2px 0;}
.bookmarks p.dropped .technorati span {
	background:url(../img/bg-technorati.gif) no-repeat left;
	padding:0 0 0 19px;
}
.bookmarks ul {
	margin:0 21px 0 0;
	padding:11px 0 4px 0;
	list-style:none;
	overflow:hidden;
	height: 1%;
	background:url(../img/separator.gif) repeat-x  0 0;
}
.bookmarks ul li {
	float:left;
	margin:0 22px 0 0;
}
.bookmarks ul li a {
	padding:0 0 3px 0;
	float:left;
}
.bookmarks ul span {
	width:16px;
	height:15px;
	overflow:hidden;
	background:#f00;
	text-indent:-9999px;
	display:block;
	background-image:url(../img/ico-book.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.bookmarks ul .rss span {
	background-position:-159px 0;
	height:16px;
}
.bookmarks ul .del-icio-us span {background-position:0 0;}
.bookmarks ul .digg span {background-position:-16px 0;}
.bookmarks ul .some span {background-position:-63px 0;		}
.bookmarks ul .technorati span {background-position:-48px 0;}
.bookmarks ul .furl span {background-position:-79px 0;}
.bookmarks ul .blinklist span {background-position:-95px 0;}
.bookmarks ul .magnolia span {background-position:-111px 0;}
.bookmarks ul .mister-wong span {
	background-position:-127px 0;
	height:16px;
}
.bookmarks ul .advertise-with-us span {
	background-position:-143px 0;
	height:16px;
}
.bookmarks ul .reddit {
	width:64px;
	height:22px;
	font-size:11px;
	line-height:22px;
	overflow:hidden;
	float:right;
	margin:0 0 0 -20px;
	padding: 0 0 0 64px;
	background:url(../img/bg-reddit.gif);
}
.bookmarks ul .reddit a {background:none;}
.bookmarks ul .reddit a:hover {text-decoration:underline;}

/*	-------------------------------------------------------------
	18. GOOGLE ADSENSE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#leftcolumn .gsense {
      padding: 5px 0 0 0;
}

#leftcolumn #right_adsense {
	float:left;
       padding: 17px 0 0 0;
}
#leftcolumn #right_adsense iframe{
	width:100% !important;
}
#leftcolumn .google{
	width:346px;
	margin:0;
}
#rightcolumn form input.txt { width:324px; border:1px solid #fff !important; }
* html #rightcolumn form input.txt {margin:0 0 0 -19px !important; }
#trackbacks ul, #pings ul { margin-top:10px; }
.banner-list img {border:none !important;}
.banner-list br { display:none; }

#trackbacks { color: #bfbfbf; font-size: 0.8em; }
#trackbacks a { font-size: 1.1em; }

/* Code Snippets, Styling
----------------------------------------------- */
     code {
          background-color: #F2F8F2;
          padding: 1px;
     }
     ol.code {
          padding: 5px;
          margin: 3px 3px 3px 4em;
     }
     .code {
          background-color: #E6F2E6;
          border: 1px solid #ccc;
          padding: 5px;
     }
     .code code {
          background: transparent;
          display: block;
          padding: 3px;
          margin-bottom: 0;
     }
     .code li {
          background: #F2F8F2;
          margin: 0 0 1px 2.2em;
          padding: 2px;
     }
     .code li:hover {
          background: #fff;
     }
     .indent1 { margin-left: 1em; }
     .indent2 { margin-left: 2em; }
     .indent3 { margin-left: 3em; }
     .indent4 { margin-left: 4em; }

/* Misc. elements, Styling
----------------------------------------------- */
     blockquote {
          background-color:#F3F7FB;
          padding:6px 20px;
			border: 1px solid #D5E9D5;
	}
     
     abbr {
          text-decoration: none;
     }
     
     abbr:hover {
          cursor: help;
     }
     span.grey {
          color: #bfbfbf;
     }

/* Tables .shortcuts
----------------------------------------------- */
.shortcuts {
	margin: 15px 15px 5px 4em;
	font-size: 0.9em;
	border: 1px solid #D8E5FD;
}

.shortcuts td {
padding: 3px 8px;
border-right: 1px solid #eee;
}

.shortcuts tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}

.shortcuts tr.pdd td {
	background-color: #F5F9FE;
	color: #333;
          border-top: 1px solid #EBF2FE;
          border-bottom: 1px solid #EBF2FE;
}

/* Spans (markers)
----------------------------------------------- */
span.marker,
span.markergreen {
     font-weight: bold;
     padding: 2px 3px;
     position: relative;
     left: -25px;
     top: -1px;
}

span.marker {
    padding: 2px 5px 2px 0;
    font-family: Arial;
    font-size: 1.8em;
    line-height: 1.6em;
     color: #0E88CC;
     background-color: #fff;
     border-bottom: 1px dashed #DFEDFB;
}


span.markergreen {
    padding: 2px 5px 2px 0;
    font-family: Arial;
    font-size: 1.8em;
    line-height: 1.6em;
     color: #A7B63F;
     background-color: #fff;
     border-bottom: 1px dashed #A7B63F;
}

span.blackmarker, span.markerbig {
    margin: 5px 5px 5px 20px;
    padding: 2px 5px 2px 0;
    font-family: Arial;
    font-size: 1.8em;
    line-height: 1.6em;
     color: #0E88CC;
     background-color: #fff;
     border-bottom: 1px dashed #DFEDFB;
}

span.blackmarker, span.markerbig {
     font-size: 3em;
     margin: 0;
     border-bottom: 1px solid #DFEDFB;
}
span.blackmarker {
     color: #fff;
     padding: 2px 10px;
     margin: 0 8px 0 0;
     background-color: #8ABC00;
}

ol.overview li {
     margin-bottom: 5px;
}
               p.showcase {
               margin: 2em 0 2em 3em;

/*                    margin-left: 4em; */
               }


               a:link img {
               border-bottom: 1px solid #fff;
               text-decoration: underline;
               display: block;
               }


/*	-------------------------------------------------------------
	19. SIDEBLOG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          .sideblog p {
                    padding: 7px 10px 0 10px;
                    font-size: 0.9em;
                    border-top: 1px solid #eee;
          }
          .sideblog a {
                    text-decoration: underline;
                    font-weight: normal;
          }
          .sideblog a:hover {
                    color: #cc0000;
          }
          .sideblog a:active, .sideblog a:focus {
                    background-color: #FFF0F0;
                    color: #cc0000;
                    outline: none;
          }


/*	-------------------------------------------------------------
	20. Pagination
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.wp-pagenavi {
      font-size: 0.9em;
      letter-spacing: 140%;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
       text-decoration: none;
	border: 1px solid #80ABFF;
	background-color: #FFFFFF;
       font-weight: bold;
}
#leftcolumn .wp-pagenavi a:hover,
#leftcolumn .wp-pagenavi a:focus,
#leftcolumn .wp-pagenavi a:active,
#leftcolumn .wp-pagenavi a:visited:focus,
#leftcolumn .wp-pagenavi a:visited:active {
	border: 1px solid #0057FF;
	color: #fff;
	background-color: #4D8AFF;
}
#leftcolumn .wp-pagenavi a:visited:hover {
	border: 1px solid #A9A9A9;
	color: #333;
background-color: #fff;
}

#leftcolumn .wp-pagenavi a:visited {
       text-decoration: none;
       border: 1px solid #ddd;
color: #aaa;


}
.wp-pagenavi span.pages {
	padding: 3px 5px 3px 5px;
	margin: 2px 2px 2px 2px;
	color: #000000;
       border: 1px solid #fff;
       background-color: #0049D0;
       color: #fff;
       font-weight: bold;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #fff;
	color: #333;
	background-color: #fff;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #fff;
	color: #bbb;
	background-color: #FFFFFF;	
}


/*	-------------------------------------------------------------
/* 21. Tag Cloud Styling
----------------------------------------------- */
     ul#tagcloud {
          padding:0;
          margin:0;
          text-align:left;
          list-style:none;
          line-height:260%;
     }
     
     ul#tagcloud li {
          display:inline;
          font-size:70%;
          color:#ccc;
          background:none;
          padding:0;
     }
     
     ul#tagcloud li.t1 a {
          color:#797979;
          font-size:120%;
     }
     
     ul#tagcloud li.t2 a {
          color:#6d6d6d;
          font-size:160%;
     }
     
     ul#tagcloud li.t3 a {
          color:#616161;
          font-size:190%;
     }
     
     ul#tagcloud li.t4 a {
          color:#555555;
          font-size:210%;
     }
     
     ul#tagcloud li.t5 a {
          color:#484848;
          font-size:230%;
     }
     
     ul#tagcloud li.t6 a {
          color:#3c3c3c;
          font-size:250%;
     }
     
     ul#tagcloud li.t7 a {
          color:#303030;
          font-size:270%;
     }
     
     ul#tagcloud li.t8 a {
          color:#242424;
          font-size:290%;
     }
     
     ul#tagcloud li.t9 a {
          color:#181818;
          font-size:310%;
     }
     
     ul#tagcloud li.t10 a {
          color:#0c0c0c;
          font-size:330%;
     }
     
     #news ul#tagcloud {
          padding-left:0;
     }
     
     .tags {
          background-color:#F0F5F7;
     }
     .tags p {
          font-size: 0.9em;
          padding: 5px;
     }
     ul#tagcloud li a, ul#tagcloud li a:link {
          text-decoration:none;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 4px;
     }
     ul#tagcloud li a:hover {
     text-decoration: underline;
background-color: #FFD7BD;
border: 1px solid #FFD0A3;
-moz-border-radius: 4px;
     }

ul#tagcloud li a:visited {
background-color: #eee;
text-decoration: none;
}


/*	-------------------------------------------------------------
/* 26. Earlierposts
----------------------------------------------- */
#earlierposts {
			background-color: #fff;
          	width: 100%;
          	margin: 20px 0 12px 0;
          	padding: 4px 0;
          	border-left: 1px solid #eee;
          	border-right: 1px solid #eee;
          	border-top: 4px solid #E8E8E8;
          	border-bottom: 4px solid #E8E8E8;
            -moz-border-radius: 4px;
          }
#earlierposts h3 {
          	color: #e64117;
          	margin: 0.5em 0 0.6em 10px;
          	font: 1.6em Helvetica, Trebuchet MS, Arial, sans-serif;
          }
          #earlierposts ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	overflow: hidden;
          	font-size: .92em;
          	width: 100%;
          	line-height: 1.8;
          }
          #earlierposts ul li {
                    width:100%;
                    float: left; 
                    margin: 0;
                    padding: 0;
                    border-top: 1px solid #F0F0F0;
          }
          #earlierposts ul a {
          	padding: 4px 0 4px 10px;
          	display: block;
          	text-decoration: none;
          	color: #444;
          }
          #earlierposts ul a:visited {
                    background-color: #F7F7F7;
                    text-decoration: none;
					color: #444;
			}
          #earlierposts ul li:hover a:visited {
                    text-decoration: underline;
          }
          #earlierposts ul a:active {
                    background-color: #f7f7f7;
                    outline: none;
          }
          #earlierposts ul a:focus {
                    outline: none;
          }
          #leftcolumn #earlierposts ul a:hover {
                    text-decoration: underline;
                    border: 0;
					color: #444;
          }

/*
.an { 
font:menu;
color: #C0C0C0;
margin-left : 110px; }
*/
.an { 
font-size: 0.8em;
color: #C0C0C0;
margin-left: 4px; }



#feelsmashing {
 margin-top: 12px;
 text-align:right;
 line-height:24px;
}

#feelsmashing a {
 display:block;
 width:161px;
 height:35px;
 background:url(http://88.198.60.17/images/but_ifeelsmash.jpg) 100% 0 no-repeat;
 text-indent:-9999px;
 padding:0;
 margin:0;
 text-align:left;
}

#feelsmashing a:hover {
 background:url(http://88.198.60.17/images/but_ifeelsmash.jpg) 100% -35px no-repeat;
}


#rss {
padding-right: 0;
margin: 10px 0;
}
#rss img {
position: relative;
left: 356px;
}
.feedcountdiv p{
margin-top:5px;
text-align: right;
margin-right: 25px;
}
.feedcount {
text-align:center;
padding:4px;
background-color:#ee7d00;
color:#ffffff;
font-weight:bold;
-moz-border-radius:3px;
border:2px solid #cc5b00;
}
.subscribers {
background-color: #cc5b00;
color:#ffffff;
padding:0px 2px 0px 2px;
}

/* Syntax Highlighting */


/* syntax highlighitng */

/* defaults */

.highlight {
	color: black;
}

.highlight span {
	display: inline !important;
}

.highlight .comment {
	color: green;
}

.highlight .conditional {
	background: #FFFFA0; /* pale yellow */
}

.highlight .string,
.highlight .regexp,
.highlight .number {
	color: darkred;
}

.highlight .keyword {
	color: blue;
}

.highlight .special {
	color: red;
}

.highlight .tag {
	color: purple;
	font-weight: bold;
}

.highlight .attribute {
	font-weight: bold;
}

.highlight .attribute.value {
	color: blue;
	font-weight: normal;
}

.highlight .entity {
	color: orangered;
}

.highlight .processing-instruction {
	color: orchid;
	font-style: italic;
}

.highlight .cdata {
	/* no styling */
}

/* (X)HTML */

.html .doctype {
	color: steelblue;
	font-style: italic;
}

/* CSS */

.css {
background-color: F6F6F9;	
}

.css .comment {
	color: gray;
}

.css .selector {
	color: darkred;
	font-weight: bold;
}

.css .at_rule {
	color: orangered;
}

.css .property {
	font-weight: bold;
}

.css .property.value {
	color: blue;
	font-weight: normal;
}

/* JavaScript */

.javascript .global {
	color: teal;
}

.javascript .base2 {
	color: purple;
}

pre {
background-color: #F2F8F2;
-moz-border-radius: 2px;
padding: 1em;
border: 1px solid #D5E9D5;
}
pre,
code,
html *.code,
kbd {
	font-size: 1.2em;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Lucida Console", "Courier New", courier, monospace;
}

#maillist {margin-top : 20px; margin-bottom : 16px;padding: 12px; border:0px solid red;}

.mailsys {
padding: 20px;
}
.mailsys input, textarea, select {
font: 14px / 18px Georgia;
padding: 3px 5px;
}
#maillist td { padding: 4px; }


.broken_link, a.broken_link {
	text-decoration: line-through;
}
.template {
	border-style: solid;
	border: 1px solid #FFD129;
	padding: 10px 15px;
	-moz-border-radius: 3px;
	background-color: #FFF4A6;
	margin-top: 15px;	
}